<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>参与活动</title>
    <script type="text/javascript" src="./static/js/flexible.debug.js"></script>
    <script type="text/javascript" src="./static/js/flexible_css.debug.js"></script>
    <link rel="stylesheet" href="./static/css/mui.min.css"/>
    <link rel="stylesheet" href="./css/join.css"/>
    <link rel="stylesheet" href="./css/iconfont.css"/>
</head>
<body>
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable mui-scalable">
    <!-- 菜单容器 -->
    <aside class="mui-off-canvas-left">
        <div class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <div class="info">
                    <div class="avatar">
                        <img src="./image/public/c8eac9d32165879aa3b69c61d47d4634.jpg" alt=""/>
                    </div>
                    <div class="per-info">
                        <div class="per-name">
                            我的名字借你用了
                        </div>
                        <div class="per-type">
                            学生
                        </div>
                    </div>
                    <div class="menu">
                        <div class="menu-item">
                            <i class="iconfont icon-fangzi"></i>
                            <a href="#">首页</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-xiangqing"></i>
                            <a>大赛介绍</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-icons64x6472"></i>
                            <a>大赛动态</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-wujiaoxing2"></i>
                            <a>参与活动</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-fuwuerji"></i>
                            <a>联系我们</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-shezhi"></i>
                            <a>设置</a>
                        </div>
                        <div class="menu-item">
                            <i class="iconfont icon-tuichu"></i>
                            <a>退出登录</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
        <!-- 主页面标题 -->
        <header class="mui-bar mui-bar-nav">
            <a class="mui-action-menu iconfont icon-rectangular4  mui-pull-left"></a>
            <h1 class="mui-title">2017天津旅游商品大赛</h1>
        </header>
        <div class="mui-content mui-scroll-wrapper">
            <div class="mui-scroll">
                <!-- 主界面具体展示内容 -->
                <div class="wrap-outer">
                    <div class="wrap-main">
                        <h1><span>1</span>投票</h1>
                        <div class="search"><span>搜索：</span><div class="search-input"><input type="text" placeholder="输入关键字"/><i class="iconfont icon-search"></i></div>
                        </div>
                        <div class="goods-list">
                            <div class="goods-wrap">
                                <div class="goods-img">
                                    <img src="./image/join/4.png" alt="" class="auto-img"/>
                                </div>
                                <div class="goods-name">卡通宫廷侍卫摆件</div>
                                <div class="vote"><span>1234</span>票</div>
                            </div>
                        </div>
                        <h1><span>2</span>报名</h1>
                        <div class="tipPC">
                            *请访问PC端进行报名
                        </div>
                    </div>
                </div>
                <div class="footer">
                    <p>联系电话：022-24238933 邮箱;2936846109@qq.com</p>
                    <p>津ICP备13022601号</p>
                    <p>技术支持：六合天创</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="./static/js/mui.min.js"></script>
<script type="text/javascript" src="./static/js/jquery-1.11.0.js"></script>
<script type="text/javascript" src="./static/js/jqthumb.min.js"></script>
<script type="text/javascript" src="./js/tabbar.js"></script>
<script type="text/javascript">
    function addgoods(res) {
        var goodlist =$('.goods-list');
        $.each(res, function (i) {
            var item = $('<div class="goods-wrap"><div class="goods-img"><img src="' + res[i].src + '" alt="" class="auto-img"/></div><div class="goods-name">' + res[i].name + '</div><div class="vote"><span>' + res[i].vote + '</span>票</div></div>');
            goodlist.html('');
            goodlist.append(item);
        })
    }
    mui('.mui-scroll-wrapper').scroll();
</script>
</body>
</html>